@import '../base';
#main{
  width:100%;
  background:#fff;
  .main_content{
    margin: 0 auto;
    width:100%;
    .middle_wrap{
      position: relative;
      width: 100%;
      height:464px;
      background:#EDEDED;
      background-repeat: repeat;
      padding:66px 0px 66px 0px;
      border-top:1px solid #dddddd;
      .bottom_bg{
        position: relative;
        bottom:-10px;
        width: 100%;
        height:56px;
        background-image: url('~@/assets/images/loginregister/bottom_bg.png?20151229154423');
        background-repeat: repeat;
      }
    }
    .login_middle{
      position:relative;
      margin:0 auto;
      width:1100px;
      height:463px;
      z-index: 300;
      //background:#eeeeee;
      img{
        position:relative;
        float:left;
        width:460px;
        height:509px;
        margin-right:96px;
        margin-top:-10px;
      }
      .form{
        position:relative;
        float:left;
        background:#fff;
        width:315px;
        padding:56px 40px;
        .form_title{
          margin-top: -8px;
          font-size:20px;
          color:#111111;
          text-align:center;
        }
       .txt_content_email {
         height: 88px;
         .account {
           position: relative;
           width: 315px;
           height: 45px;
           border: 1px solid #CCC;
           padding: 0 10px;
           font-size: 14px;
           margin-top: 35px;
           margin-bottom: 3px;
         }
       }
        .txt_content {
          height: 75px;
          .password {
            position: relative;
            width: 315px;
            height: 45px;
            border: 1px solid #CCC;
            padding: 0 10px;
            font-size: 14px;
            margin-top: 14px;
            margin-bottom: 5px;
          }
        }
        .check_font_show {
          height: 13px;
          .forget_btn {
            cursor: pointer;
            position: relative;
            margin-top: 14px;
            width: 13px;
            height: 13px;
          }
        .remember_account{
          position:relative;
          top:7px;
          left:-3px;
          font-size:13px;
          color:#111111;
        }
        .old_user{
          position:relative;
          float:right;
          top:14px;
          vertical-align:middle;
          font-size:13px;
          color:#aaaaaa;
        }
        }
        .login_button{
          cursor: pointer;
          position:relative;
          width:315px;
          height:42px;
          margin-top:40px;
          line-height:42px;
          text-align:center;
          font-size:16px;
          color:#fff;
          background:$main_color;
          &:hover{
           opacity: 0.8;
          }
          &.unable{
            background-color: #ccc !important;
          }
        }
        .sina_link{
          font-size:13px;
          color:#777777;
          width: 100px;
          height: 30px;
          .sina_icon{
            display:inline-block;
            @include u_img(19,16,-230,-7);
            margin-top:14px;
          }
          .link_name{
            position:absolute;
            margin-top:16px;
            margin-left:7px;
          }
        }
        .forget_password{
          position:relative;
          margin-top:40px;
          font-size:13px;
          a{
            color:#aaaaaa;
          }
          .free_resister{
            color:$main_color;
          }
          .forget_link{
            position:relative;
            float:right;
            font-size:13px;
            color:#777777;
            &:hover{
              color:#BB1E7B;
              cursor: pointer;
            }
          }
        }
      }
    }
    .login_foot{
      position:relative;
      margin:0 auto;
      width:100%;
      height:210px;
      background:#fff;
      .copyright{
        position:relative;
        width:458px;
        margin: 0 auto;
        background:#fff;
        padding:27px 27px 0 27px;
        color:#aaaaaa;
        .hot_line{
          text-align:center;
          font-size:14px;
        }
        .title{
          text-align:center;
          font-size:12px;
          margin-top:19px;
          .copy_right_icon{
            font-size: 10px;
          }
        }
        .ihaveu_logo{
          position:relative;
          display:inline-block;
          margin-top:19px;
          margin-left:180px;
          text-align:center;
          @include  u_img(94,31,-238,-73);
        }
      }
    }
  }
}

label{
  &.error{
    position: relative;
    padding-left: 18px;
    bottom: 70px;
    color: #e74b5a;
    font-size: 15px;
    &::after{
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 3px;
      width: 14px;
      height: 14px;
      background-image: url('~@/assets/images/base/head.png?20151229154423');
      background-position: -44px -87px;
    }
  }
}
